<div class="color-picker">
  <input type="range" id="r" min="0" max="255" oninput="updateColor()">
  <input type="range" id="g" min="0" max="255" oninput="updateColor()">
  <input type="range" id="b" min="0" max="255" oninput="updateColor()">
  <div id="colorBox"></div>
  <p>目标色：#<span id="target">FF8800</span></p>
  <button onclick="checkMatch()">检测匹配度</button>
</div>
<script>
function updateColor() {
  let r = document.getElementById('r').value;
  let g = document.getElementById('g').value;
  let b = document.getElementById('b').value;
  document.getElementById('colorBox').style.backgroundColor = `rgb(${r},${g},${b})`;
}
</script>